#include("common.html")
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>商城</title>

    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" type="text/css" href="#(tpath)/static/css/vant.css">
    <link rel="stylesheet" type="text/css" href="#(tpath)/static/css/filter.css">
    <script type="text/javascript" src="#(tpath)/static/js/jquery.js"></script>
</head>

<body class="">
<style type="text/css">@media only screen and (min-width: 320px){ html { font-size: 62.5% !important; } } @media only screen and (min-width: 640px){ html { font-size: 125% !important; } } @media only screen and (min-width: 750px){ html { font-size: 150% !important; } } @media only screen and (min-width: 1242px){ html { font-size: 187.5% !important; } }</style>
<!-- 样式 Start -->
<style type="text/css" lang="less">.van-card{padding: 10px 15px;} #orderdetail .van-card{background:#fff;border-bottom:1px solid #eee;} #orderdetail .van-card__img{width:60px;height:60px;} #orderdetail .red{color:#cb3029;} #orderdetail .van-col-12{width:50%;} #orderdetail .van-cell-group{margin-bottom:10px;} #orderdetail .delivery{padding-bottom:2rem} #orderdetail .cell_title{font-weight:bold;} #orderdetail .content{margin-bottom:80px;} #orderdetail .color_38f{color:#38f;} #orderdetail .cls_btn{margin:1rem auto} #orderdetail .van-hairline--top-bottom::after{border-width:0} #orderdetail .van-collapse-item .van-cell__label{color:orange;margin-top: 0px;line-height: 14px;} /* 地址簿样式 Start */ #orderdetail .van-address-list__edit{right:30px;} #orderdetail .van-address-list{height:94%;overflow-y:scroll;padding-bottom:0;} #orderdetail .addrList{top:10%;padding-bottom:50px;} #orderdetail .addr_p{margin-top:0;} #orderdetail .addr_p span{padding-left:1rem;} /* 地址簿样式 End */ .pkg-cell .van-cell__title{ color: #333333; } .pkg-cell .van-cell__value{ flex: 0; } .pkg-cell .van-cell__label{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #969799 !important; } .pkg-content{ margin-top: 10px; } .card-content .van-card__thumb{ width: 60px; height: 60px; } .card-content .van-card__content{ height: 70px; } .cost-content{ padding: 10px 0px 0px; } .tag-copy{ margin-top: -8px; } .cost-content .van-cell{ line-height: 12px; padding: 5px 15px; font-size: 12px; } .cost-content .van-cell__title{ color:#969799; } .discounts-cell .van-cell__title{ color:#969799; flex: 1.5; } .discounts-cell .van-cell__value{ flex: 0.5; } .cost-use{ padding: 10px 15px; background-color: #fdfdfd; position: relative; } .cost-use .van-cell{ line-height: 12px; padding: 5px 15px; font-size: 12px; background-color: #eee; } .cost-use .van-cell__value{ font-size: 16px; } .icon-arrow{ position: absolute; right: 40px; top: 0px; } .cost-content .van-cell__right-icon{ line-height: 15px; } .suspend{ width: 100%; height: 100%; position: relative; z-index: 999; background-color: rgba(0,0,0,.6); position: fixed; top: 0; left: 0; } .suspend-content{ width: 244px; height: 55px; position: fixed; top: 70%; z-index: 900; } .suspend-content-left{ width: 44px; height: 40px; background-color: rgba(0,0,0,.6); color: #fff; font-size: 8px; padding: 3px; box-sizing: border-box; border-top-left-radius:5px; border-bottom-left-radius:5px; margin-top: 10px; float: left; } .suspend-icon{ float: left; width: 10px; height: 30px; padding: 5px 0px; margin-right: 3px; font-size: 14px; } .suspend-navigation{ float: left; width: 25px; height: 30px; padding: 5px 0px; box-sizing: border-box; font-size: 10px; } .suspend-navigation2{ float: left; width: 25px; height: 30px; padding: 10px 0px; box-sizing: border-box; font-size: 10px; } .suspend-content-right{ width: 200px; height: 60px; background-color: #fff; float: left; border-top-left-radius:5px; border-bottom-left-radius:5px; padding: 15px 10px; box-sizing: border-box; } .suspend-content-right .van-col{ text-align: center; } .suspend-contact{ font-size: 20px; } .suspend-contact-text{ font-size: 10px; transform: scale(0.7); } .content .van-tabbar-item--active{ color: #7d7e80; } .goods-detail{ margin-top: 10px; } .order-amount-cell{ padding: 5px 15px !important; } .order-amount-cell .van-cell__title{ color: #323233; font-size: 14px; font-weight: 600; } .order-amount-cell .van-cell__value{ color: #323233; font-size: 14px; font-weight: 600; } .cost-use-detail{ color: #969799; font-size: 10px; text-align: right; width: 100%; } .cost-use-account{ color: #969799; font-size: 12px; width: 100%; padding: 2px 0px; box-sizing: border-box; } .cost-use-actually{ color: #323233; font-size: 14px; width: 100%; font-weight: 600; } .use-actually-right{ color: #f44; font-size: 16px; float: right; } .order-line-content{ height: 10px; position: relative; background-color: #fff; } .order-line{ width: 90%; border-bottom: 1px solid #eee; position: absolute; bottom: 0; left: 0; } .order-line2{ width: 7%; border-bottom: 1px solid #eee; position: absolute; bottom: 0; right: 0; } .arrow-icon{ position: absolute; bottom: -4px; left: 90%; color: #eee; } .wechat-customer .wechat-bg{background:#333;opacity:0.5;width:100%;z-index:999;position:fixed;top:0;bottom:0;} .wechat-customer .wechat-cont{width:12rem;background:#fff;border-radius:5px;position:fixed;top:50%;left:50%;margin-left:-8rem;z-index:999;text-align:center;padding:2rem;margin-top:-10rem;} .wechat-customer .wechat-cont img{width:10rem;height:10rem;} .wechat-customer .wechat-cont .closewindow{position:absolute;right:1rem;top:1rem;} .wechat-customer .wechat-cont .button1{width: 12rem; height: 2rem; line-height: 2rem; border: 0px; margin: 0rem auto 0 auto; color: #999; font-size: 12px;} .wechat-customer .wechat-cont .button2{width:12.1rem;height:2rem;background:#2ba246;color:#fff;border:1px solid #2ba246;margin-top:0.5rem;} .back-tabbar{ color: #f44 !important; } .van-step--vertical { float: none; display: block; font-size: 12px; line-height: 15px; padding: 1px 10px 2px 0 !important; box-sizing: border-box; } .order_bt{ margin-top: 5px; } .pop-logistics{ width: 80%; height: 70%; top: 43%; border-radius:10px; } .pop-title{ width: 100%; font-size: 18px; font-weight: 550; color: #fff; text-align: center; padding: 15px 0px; box-sizing: border-box; background-color: #4d94ec; position: relative; border-top-left-radius:9px; border-top-right-radius:9px; } .closed-icon{ position: absolute !important; top: 20px; right: 10px; z-index: 999; } .logi-card-content{ width: 100%; padding: 0px 10px 15px; box-sizing: border-box; background-color: #4d94ec; font-size: 14px; color: #fff; display: flex; } .card-img{ width: 60px; height: 60px; } .card-content-right{ flex: 1; margin-left: 10px; } .goods-title{ -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .step-content{ width: 100%; padding: 10px 15px; box-sizing: border-box; height: 70%; background-color:#fff; border-bottom-left-radius:15px; border-bottom-right-radius:15px; overflow-y: scroll; } .tabbar-content{ width: 100%; height: 50px; position: fixed; bottom: 0; left: 0; background-color: #fff; text-align: right; line-height:50px; z-index: 900; border-top:1px solid #eee; padding-bottom: 20px; } .tabbar-content .van-button--small{ height: 30px; line-height: 28px; margin-right: 10px; font-size: 14px; padding:0 12px; } .pay-notice{ padding: 15px; font-size: 12px; color: #fff; background-color: #f44; } .goods-active .van-card{ padding: 10px 0px; } .van-collapse-item__content{padding:0 1rem 1rem 1rem;} .pkg-bt{ padding: 0.5rem 0rem 0rem; width: 100%; box-sizing: border-box; text-align: right; border-top:1px solid #f2f2f2; } .van-card__price{ color: #323233; } .pkg-img{ width: 60px; height: 60px; margin-right:10px; } .pkg-goods .van-cell__title{ -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient:
        vertical; } /*.step_record{ -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }*/</style>
<style type="text/css">
    .aui-back-box {
        height: auto;
        position: relative;
        overflow: hidden;
        text-align: center;
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .aui-back-pitch {
        width: 50px;
        height: 50px;
        margin: 0 auto;
    }
    .aui-back-pitch img {
        width: 50px;
        height: 50px;
        display: block;
        border: none;
    }
    .aui-back-title {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .aui-back-button button {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background: #0d70ff;
        color: #fff;
        border: none;
        border-radius: 3px;
    }
</style>
<!-- 样式 End -->
<!-- 内容 Start -->
<div id="orderdetail" class="container">
    <div class="content">
        <div class="aui-back-box">
            <div class="aui-back-pitch">
                <img src="#(tpath)/static/images/pay-success.png" alt="">
            </div>
            <div class="aui-back-title">
                <h2>您的订单已支付成功！</h2>
            </div>
            <div class="aui-back-button">
                <button style="width: 30%" type="button" onclick="location.href='#(base)/product_category'">继续购物</button>
                <button style="width: 30%" type="button" onclick="location.href='#(base)/member/order'">查看订单</button>
            </div>
        </div>
        <!----></div>
</div>
<!-- 内容 End -->

</body>
</html>